page {
  height: 100%;
  min-height: 100%;
  background: #f4f4f4;
}
.container {
  background: #f4f4f4;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}

.edit-btn {
  height: 60rpx;
  line-height: 60rpx;
  background: #f4f4f4;
  view {
    color: #666;
    text-align: right;
    margin-right: 20rpx;
  }
}

.no-cart {
  width: 100%;
  margin-top: 200rpx;
  image {
    margin: 0 auto;
    display: block;
    width: 258rpx;
    height: 258rpx;
  }
  text {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 29rpx;
    color: #999;
  }
}

.cart-list {
  .selnum {
    display: none;
  }
  .info {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    .header {
      display: flex;
      justify-content: space-between;
      font-size: 25rpx;
      color: #333;
      .name {
        max-width: 310rpx;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    .attr text {
      font-size: 22rpx;
      color: #666;
    }
    .content {
      font-size: 25rpx;
      color: #333;
      .price {
        color: red;
      }
    }
  }
}

.cart-list {
  background: #fff;
  margin-bottom: 18rpx;
  .item {
    display: flex;
    width: 100%;
    .checkbox {
      flex: 1;
      background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-0e09baa37e.png) 16rpx 60rpx no-repeat;
      background-size: 34rpx;
    }
    .checked {
      background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-checked-822e54472a.png) 16rpx 60rpx no-repeat;
      background-size: 34rpx;
    }
    .cart-goods {
      flex: 10;
      display: flex;
      padding: 20rpx 0;
      border-bottom: 1px solid #f4f4f4;
      image {
        width: 125rpx;
        height: 125rpx;
        background: #f4f4f4;
        margin-right: 20rpx;
      }
    }
  }
  .edit {
    .header {
      display: none;
    }
    .attr {
      text-align: right;
      text {
        font-size: 24rpx;
        color: #999;
      }
    }
    .content {
      display: flex;
      justify-content: space-between;
      line-height: 52rpx;
      height: 52rpx;
      .selnum {
        width: 250rpx;
        border: 1rpx solid #ccc;
        display: flex;
        text-align: center;
        .cut,
        .add {
          width: 70rpx;
          line-height: 50rpx;
        }
        .number {
          flex: 1;
          height: 100%;
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
        }
      }
    }
  }
}

.cart-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 90rpx;
  line-height: 90rpx;
  width: 100%;
  background: #fff;
  display: flex;
  .checkbox {
    flex: 2;
    display: flex;
    .icon {
      width: 34rpx;
      height: 34rpx;
      margin: auto 20rpx;
      background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-0e09baa37e.png) no-repeat;
      background-size: 34rpx;
    }
    .checked {
      background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/checkbox-checked-822e54472a.png) no-repeat;
      background-size: 34rpx;
    }
    text {
      font-size: 29rpx;
    }
  }
  .total {
    flex: 3;
    text-align: right;
    margin-right: 20rpx;
    text {
      font-size: 29rpx;
    }
  }
  .delete {
    height: 34rpx;
    width: auto;
    margin: 33rpx 18rpx;
    font-size: 29rpx;
  }
  .checkout {
    flex: 2;
    text-align: center;
    background: #b4282d;
    text {
      display: inline-block;
      width: 100%;
      height: 100%;
      font-size: 29rpx;
      color: #fff;
    }
  }
}
